<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>z-index</title>
		<style>
		#d1{
			height: 700px;
			width: 1000px;
		}
		#d2,#d3{
			height: 100px;
			width: 200px;
			background-color: blanchedalmond;
			margin: 4px;
		}
		#d2{
			background: url(../7-23/img/1.jpg) no-repeat;
		}
		#d3{
			background-color: red;
			position: relative;
			left: 30px;
			top:-50px;
			z-index: 1;
			opacity: 0.4;
		}
		</style>
	</head>
	<body>
		<div id="d1">
			<div id="d2">
				
			</div>
			<div id="d3">
				
			</div>
		</div>
	</body>
</html>
